body,html{
    height: 100%;
}
.box {
    height: 100%;
    display: flex;
    flex-flow: column;
    // background-color: coral;
}

.box header {
    height: 1.733333rem;
    text-align: center;
    font-size: .4rem;
    line-height: 1.733333rem;
    background-color: #dd403b;

}

main {
    // display: flex;
    flex: 1;
    overflow-y: scroll;

}

footer {
    height: 1.266667rem;
    display: flex;
    
}
footer a{
    display: flex;
    flex: 1;
    flex-flow: column;
    justify-content: center;
    align-items: center;
}
footer a span{
    margin: .133333rem;
}
footer a:hover{
    text-decoration: none;
    color:#f24c46;
}